.container {
    position: relative;
    .tabs {
      border-radius: 0rpx;
      text-align: left;
      .tab {
        font-size: 28rpx;
        &.active {
          font-size: 34rpx;
        }
      }
    }
    .home-action {
      position: fixed;
      bottom: 60rpx;
      right: 30rpx;
      transition: all 0.3s;
      .btn-i {
        width: 96rpx;
        height: 96rpx;
        line-height: 96rpx;
        text-align: center;
        background: #fae37c;
        border-radius: 96rpx;
        box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.1);
        margin-bottom: 20rpx;
        position: relative;
        .icon {
          font-size: 56rpx;
        }
        .action-des {
          position: absolute;
          padding: 0rpx 20rpx;
          background: #fae37c;
          border-radius: 15rpx;
          // color: red;
          font-size: 26rpx;
          width: 340rpx;
          right: 120rpx;
          top: 15rpx;
          box-shadow: -3rpx 8rpx 8rpx rgba(80, 80, 80, 0.1);
          .action-txt {
            line-height: 70rpx;
          }
          .arr {
            position: absolute;
            width: 0;
            height: 0;
            border-top: 20rpx solid transparent;
            border-bottom: 20rpx solid transparent;
            border-left: 20rpx solid #fae37c;
            top: 16rpx;
            right: -13rpx;
          }
        }
        .dot {
          position: absolute;
          height: 30rpx;
          width: 108rpx;
          line-height: 30rpx;
          border-radius: 30rpx;
          font-size: 18rpx;
          color: #fcd684;
          background: #f55569;
          text-align: center;
          left: -6rpx;
          bottom: 0rpx;
          &.has {
            color: #fff;
            background: #f55569;
          }
        }
        &.btn-share {
          // color: red;
        }
        &.btn-card {
          image {
            width: 56rpx;
            height: 56rpx;
            margin-top: 20rpx;
          }
        }
      }
    }
  }